        <!-- 第一屏 首页 -->
        <div class="section section-1">
            <!-- <div class="section-main">
                <div class="title animated" data-delay="100" data-show="flipInY"  data-hide="flipOutY" >Powerful Features</div>
                <div data-delay="400"  class="animated" data-show="zoomIn"  data-hide="zoomOut"><img src="asset/power.png"></div>
            </div> -->
            <div class="section-box section-box-1 animated" data-show="fadeIn" data-hide="fadeOut">
                
                <!-- 上面花 -->
                <section class="s1-flower-top">
                    <img src="./images/1/floor-left.png" class="s1-flower-tl animated" data-delay="100"  data-show="rotateInDownRight" data-hide="fadeOut"/>
                    <img src="./images/1/floor-right.png" class="s1-flower-tr animated" data-delay="100" data-show="rotateInDownLeft" data-hide="fadeOut"/>
                </section>

                <!-- 中间圆 -->
                <section class="s1-circle-center ">
                    
                    <div class="s1-circle animated" data-delay="100" data-show="zoomIn" data-hide="zoomOut">
                        <div class="s1-circle-inner"></div>
                    </div>
                    
                    <img src="./images/1/yqh.png" class="s1-title-1 animated" data-delay="550" data-show="fadeInDown" />
                    <img src="./images/1/e.png" class="s1-title-2 animated" data-delay="550" data-show="fadeInUp" />
                    <span class="s1-line animated" data-delay="550" data-show="zoomIn"></span>
                    <img src="./images/1/e-text.png" class="s1-title-3 animated" data-delay="550" data-show="fadeInLeft"/>
                    <img src="./images/1/nianhui.png" class="s1-title-4 animated" data-delay="550" data-show="fadeInRight"/>
                    <img src="./images/1/gd-sz.png" class="s1-title-5 animated" data-delay="550" data-show="fadeInDown"/>
                    <img src="./images/1/date.png" class="s1-title-6 animated" data-delay="650" data-show="fadeInDown"/>

                </section> 
                
                <!-- 下面花 -->
                <section class="s1-flower-bottom">
                    <img src="./images/1/floor-lb.png" class="s1-flower-bl animated" data-delay="100"  data-show="rotateInDownRight" data-hide="rotateOutDownRight"/>
                    <img src="./images/1/floor-rb.png" class="s1-flower-br animated" data-delay="100"  data-show="rotateInDownLeft" data-hide="rotateOutDownLeft"/>
                </section>
                
            </div>
        </div>



        <!-- 第二屏 -->
        <div class="section">
            <div class="section-main" style= "margin-top: -206px;">
                <div class="title animated"    data-delay="100" data-show="flipInY"  data-hide="flipOutY" >Rotation 3D Demo↓</div>
                <div id = "demo1" ><img id="demo-img" src="asset/atLogo.png"></div>
            </div>
        </div>